parcellab/parcellab-js-plugin

JavaScript plugin used to retrieve and display trackings from parcelLab on any given webpage.

parcellab-js-plugin's Issues

Delivery Info Component

Delivery-info:

DeliveryAddress.js

PickUpLocation.js

OpenningHours.js

VoteCourier.js (may be this could be moved to Social?)

Julians style suggestions 💅

1

Maybe extend .pl-contact-btn with

    min-width: 260px;
    height: 28px;
    padding-top: 3px;

2

Could you create sample trackings for each status, based on dhl-germany / 00PL16120004

3

Remove #pl-tracking-heading completely? I think it's superfluous.

Also we can shorten the label for the details button (in the backend)

Weitere Informationen zu DHL

Or maybe even colorize it?

<span class="label" style="
    color: #D40511;
    background-color: #FFCD04;
    font-size: 12px;
    padding-bottom: 2px;
">DHL</span>

4

.pl-tab needs cursor: pointer;

Dependabots PRs

Review and decide to merge or reject

Tested with Firefox v24?

There might be issues with older version of Firefox

We should also include a no-javascript-notice in our HTML code

Tracking Info Component

Tracking-info (right now tracking-delivery which is an irrelevant name):

Tracking-data:

Subheading.js

Header.js

LivetrackingLink.js

TrackingHeading.js

Prediction.js (this includes a Calendar and a TimeBox that can be moved into a component). This is to show the Estimated Delivery Date, may be “Prediction” is not the best name.

Checkpoint.js

NextAction.js (StatusDetails?)

Returned.js

Calendar.js ???

TimeBox.js ???

RerouteLink.js (and RerouteLinkShort.js, we could group it in one component)

FurtherInfos.js

Always show header with order number if selecting with u/ orderNo

If we get a tracking with ?u=X&orderNo=ABC, then we should always show the order number in the top, and not only if there are multiple trackings in that order:

Currently it is only shown when there are multiple trackings.

🇭🇺Hungarian Tracking Page

Hungarian translation

Documentation down

Hello,

The documentation link (displayed on that repo's home) is down: https://docs.parcellab.com/retrieve/#javascript_libraries

Is there another documentation deployed somewhere?

General Components

General (small parts to be used by different components or that can’t be grouped in another category):

Alert.js

Banner.js -> in case a banner_link or image is available

MoreButton.js

Loading.js

Tabs (folder?) -> TabsContainer.js & Tab.js

Icons (folder?) -> Icon.js & IconState.js

Note.js

Footer.js ??

Maps Component

Maps:

LivetrackingMap.js ** Check to use just one general Map component

PickUpMap.js ** Check to use just one general Map component

MapsFooter.js

Reorganize Components

Epic to handle the breakdown of components

DHL URL incorrect

Show courier and tracking number when selecting via order no

When the tracking page is called with orderNo and u, but only one tracking is found, the courier and tracking number are not shown in the interface anywhere.

change tracking page message for orders that aren't in our system yet

Use-case: The recipient gets the order/dispatch confirmation confirmation straight from the shop including our link. However the order isn't in our system yet. Then he/she gets a default text saying "not in our system"Screenshot 2018-12-04 at 14.32.41.png

Can we change this content to a message saying "dispatch will take place soon" already including the icons etc . See: https://www.rosaoazul.es/shipment-tracking/?lang=es&u=1612174&orderNo=ES595949495

Show deeplink button if tracking not found 🔎🚚

When we can't find a tracking but do have the information about courier and tracking_number, show the deeplink button.

But hide the button, if the API answers but doesn't set a deeplink.

Easter Icons

...

Couriers codes

Hi there,
is there any place where I can find full list of courier codes? Official ParcelLab documentation is useless in this topic, in this plugin code I've found only four german courier codes mapping.
Best regards.

Hide time on event timestamp if not available

If the courier does not provide a time of day for a specific or any timestamp, the time should be hidden on the tracking page as well.

Articles Component

Articles:

ArticleBox.js

ArticleList.js

ArticleItem.js

Code snippet to inject custom text into split-order pills

Currently the selection for split-orders looks like this:

Now we want customers to be able to modify these buttons individually using the onnRendered hook.

Can we provide a JS function to be inserted there that inject additional titles based on the carrier so that it looks like this?

Add Slovakian 🇸🇰, Slovenian 🇸🇮 and Czech 🇨🇿 to tracking page

Search form doesn't show results

Allerdings wollten wir jetzt das Suchformular integrieren, wenn die Seite im Shop ohne Sendungsnummer aufgerufen wird. Dazu habe ich wie in der Doku beschrieben die Initialisierung mit den entsprechenden Parametern aufgerufen:

parcelLab.initialize({ show_searchForm: true, userId: 1, });

Allerdings ist die Ausgabe auf der Seite die gleiche, wie bei einer Initialisierung ohne die entsprechenden Parameter.

Ich sehe im Code auch, dass eigentlich ein Fehler geworfen werden sollte, wenn man keine userId angibt:

console.error("⚠️ You must pass your userId in the options if you want to display a searchForm!")

Das habe ich auch einmal probiert (keine userId angegeben) und keine Fehlermeldung in der Konsole sehen können. Übersehe ich da irgendetwas? Die Anzeige der Test-Tracking-Nummern, die du uns gegeben hast funktioniert soweit ohne Probleme.

Social Media Component

Social-media:

InstagramPost.js

Add custom class for tracking selection pills

If we do have multiple tracking numbers and select via ?u=1&orderNo=, can we add a custom class depending on the current status of the tracking?

So they could highlight the pills in red if there's an exception with their own CSS, for example.

fix high security vulnerability of parcel package reported by npm

=== npm audit security report ===

# Run  npm install --save-dev [email protected]  to resolve 1 vulnerability
┌───────────────┬──────────────────────────────────────────────────────────────┐
│ High          │ Missing Origin Validation                                    │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Package       │ parcel-bundler                                               │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Dependency of │ parcel-bundler [dev]                                         │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ Path          │ parcel-bundler                                               │
├───────────────┼──────────────────────────────────────────────────────────────┤
│ More info     │ https://nodesecurity.io/advisories/721                       │
└───────────────┴──────────────────────────────────────────────────────────────┘

So as far as I understand this only allows a theoretical attacker to steal the uncompressed source and only if the developers machine is accessible from the internet. Shouldn't affect us, but since the fix should be extremely simple...

Test

Sort delivered trackings to end of display

Sample: https://www.ikea.com/ms/de_DE/campaigns/services/sendungsverfolgungPL.html?lang=de&u=1612228&orderNo=1016804938&s=1ce74f56&pwrdBy_parcelLab=hide&rerouteButton=left

Wenn mehrere Sendungen in der Verfolgung sind, sollten in den Pills oben die zugestellten nach hinten sortiert werden damit die noch offenen zuerst ausgewählt werden.

update instagram integration

new api response format