react-dpd-pickup-map 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# react-dpd-pickup-map
+
+## 0.0.2
+
+### Patch Changes
+
+- cef9f5e: Init release

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Juliusz Kowalewski
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,56 @@
+# react-dpd-pickup-map
+
+React component for implementing a DPD Pickup Map
+
+## Installation
+
+Install react-dpd-pickup-map with npm
+
+```bash
+  npm install react-dpd-pickup-map
+```
+
+## Usage/Examples
+
+```typescript
+import ReactDPDPickupMap from 'react-dpd-pickup-map'
+
+function App() {
+  return <ReactDPDPickupMap
+    authKey='YOUR_AUTH_KEY' //<- Your own auth key for pudofinder.dpd.com.pl
+    lang='pl' //<- Defaults to: pl
+    country='PL' //<- Defaults to: PL
+    services={{
+        openSaturdays=true
+        openSundays=true
+    }}
+  />
+}
+```
+
+## Available services
+
+| Parameter            | Type      | Default | Description                                    |
+| :------------------- | :-------- | :------ | :--------------------------------------------- |
+| `openLate`           | `boolean` | `false` | Points open Late                               |
+| `openSaturdays`      | `boolean` | `false` | Points open in Saturdays                       |
+| `openSundays`        | `boolean` | `false` | Points open in Sundays                         |
+| `disabledFriendly`   | `boolean` | `false` | Points friendly for disabled people            |
+| `parking`            | `boolean` | `false` | Points with parking                            |
+| `directDelivery`     | `boolean` | `false` | Direct delivery                                |
+| `directDeliveryCOD`  | `boolean` | `false` | Direct delivery with cash on delivery          |
+| `dropOffOnline`      | `boolean` | `false` | Sending a paid shipment                        |
+| `dropOffOffline`     | `boolean` | `false` | Points with on-site shipping + payment and BOD |
+| `swapParcel`         | `boolean` | `false` | Points with return shipment                    |
+| `dpdFood`            | `boolean` | `false` | Points with DPD Food                           |
+| `fittingRoom`        | `boolean` | `false` | Points with fitting room                       |
+| `cardPayment`        | `boolean` | `false` | Points with card payment                       |
+| `rod`                | `boolean` | `false` | Point with return documents                    |
+| `dpdLQ`              | `boolean` | `false` | DPD LG                                         |
+| `digitalLabel`       | `boolean` | `false` | Point with shipping without a label            |
+| `swipBox`            | `boolean` | `false` | Parcela machines                               |
+| `pointsWithServices` | `boolean` | `false` | Points with services                           |
+
+## Authors
+
+- [@Imunal](https://github.com/Imunal)

package/dist/index.d.mts

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface IReactDPDPickupMap {
+    authKey: string;
+    onPointSelect: (pointID: string) => void;
+    lang: "pl" | "de" | "se" | "fr";
+    country: "AT" | "BE" | "HR" | "CZ" | "DK" | "EE" | "FI" | "FR" | "ES" | "NL" | "LT" | "LV" | "DE" | "PT" | "SK" | "SE" | "HU" | "IT" | "PL";
+    services?: {
+        openLate?: boolean;
+        openSaturdays?: boolean;
+        openSundays?: boolean;
+        disabledFriendly?: boolean;
+        parking?: boolean;
+        directDelivery?: boolean;
+        directDeliveryCOD?: boolean;
+        dropOffOnline?: boolean;
+        dropOffOffline?: boolean;
+        swapParcel?: boolean;
+        dpdFood?: boolean;
+        fittingRoom?: boolean;
+        cardPayment?: boolean;
+        rod?: boolean;
+        dpdLQ?: boolean;
+        digitalLabel?: boolean;
+        swipBox?: boolean;
+        pointsWithServices?: boolean;
+    };
+}
+declare const ReactDPDPickupMap: ({ authKey, onPointSelect, lang, country, services, }: IReactDPDPickupMap) => React.JSX.Element;
+
+export { ReactDPDPickupMap };

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface IReactDPDPickupMap {
+    authKey: string;
+    onPointSelect: (pointID: string) => void;
+    lang: "pl" | "de" | "se" | "fr";
+    country: "AT" | "BE" | "HR" | "CZ" | "DK" | "EE" | "FI" | "FR" | "ES" | "NL" | "LT" | "LV" | "DE" | "PT" | "SK" | "SE" | "HU" | "IT" | "PL";
+    services?: {
+        openLate?: boolean;
+        openSaturdays?: boolean;
+        openSundays?: boolean;
+        disabledFriendly?: boolean;
+        parking?: boolean;
+        directDelivery?: boolean;
+        directDeliveryCOD?: boolean;
+        dropOffOnline?: boolean;
+        dropOffOffline?: boolean;
+        swapParcel?: boolean;
+        dpdFood?: boolean;
+        fittingRoom?: boolean;
+        cardPayment?: boolean;
+        rod?: boolean;
+        dpdLQ?: boolean;
+        digitalLabel?: boolean;
+        swipBox?: boolean;
+        pointsWithServices?: boolean;
+    };
+}
+declare const ReactDPDPickupMap: ({ authKey, onPointSelect, lang, country, services, }: IReactDPDPickupMap) => React.JSX.Element;
+
+export { ReactDPDPickupMap };

package/dist/index.js

@@ -0,0 +1,90 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  ReactDPDPickupMap: () => ReactDPDPickupMap
+});
+module.exports = __toCommonJS(src_exports);
+var import_react = __toESM(require("react"));
+var boolToInt = (value) => value ? "1" : "0";
+var ReactDPDPickupMap = ({
+  authKey,
+  onPointSelect,
+  lang = "pl",
+  country = "PL",
+  services = {}
+}) => {
+  (0, import_react.useEffect)(() => {
+    const container = document.getElementById("dpd-widget-container");
+    if (!container)
+      return;
+    window.pointSelected = (pointID) => onPointSelect(pointID);
+    const queryParams = new URLSearchParams({
+      key: authKey,
+      lang,
+      country,
+      //Map
+      open_late: boolToInt(services.openLate || false),
+      open_saturdays: boolToInt(services.openSaturdays || false),
+      open_sundays: boolToInt(services.openSundays || false),
+      disabled_friendly: boolToInt(services.disabledFriendly || false),
+      parking: boolToInt(services.parking || false),
+      direct_delivery: boolToInt(services.directDelivery || false),
+      direct_delivery_cod: boolToInt(services.directDeliveryCOD || false),
+      dropoff_online: boolToInt(services.dropOffOnline || false),
+      dropoff_offline: boolToInt(services.dropOffOffline || false),
+      swap_parcel: boolToInt(services.swapParcel || false),
+      d_fresh: boolToInt(services.dpdFood || false),
+      fitting_room: boolToInt(services.fittingRoom || false),
+      card_payment: boolToInt(services.cardPayment || false),
+      rod: boolToInt(services.rod || false),
+      dpd_lq: boolToInt(services.dpdLQ || false),
+      digital_label: boolToInt(services.digitalLabel || false),
+      swip_box: boolToInt(services.swipBox || false),
+      points_with_services: boolToInt(services.pointsWithServices || false)
+    });
+    const script = document.createElement("script");
+    script.id = "dpd-widget";
+    script.src = `//pudofinder.dpd.com.pl/source/dpd_widget.js?${queryParams}`;
+    script.async = true;
+    document.body.appendChild(script);
+    return () => {
+      document.body.removeChild(script);
+      delete window.pointSelected;
+    };
+  }, [authKey, onPointSelect, lang, country, services]);
+  return /* @__PURE__ */ import_react.default.createElement("div", { id: "dpd-widget-container" }, /* @__PURE__ */ import_react.default.createElement("script", { id: "dpd-widget" }));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ReactDPDPickupMap
+});

package/dist/index.mjs

@@ -0,0 +1,56 @@
+"use client";
+
+// src/index.tsx
+import React, { useEffect } from "react";
+var boolToInt = (value) => value ? "1" : "0";
+var ReactDPDPickupMap = ({
+  authKey,
+  onPointSelect,
+  lang = "pl",
+  country = "PL",
+  services = {}
+}) => {
+  useEffect(() => {
+    const container = document.getElementById("dpd-widget-container");
+    if (!container)
+      return;
+    window.pointSelected = (pointID) => onPointSelect(pointID);
+    const queryParams = new URLSearchParams({
+      key: authKey,
+      lang,
+      country,
+      //Map
+      open_late: boolToInt(services.openLate || false),
+      open_saturdays: boolToInt(services.openSaturdays || false),
+      open_sundays: boolToInt(services.openSundays || false),
+      disabled_friendly: boolToInt(services.disabledFriendly || false),
+      parking: boolToInt(services.parking || false),
+      direct_delivery: boolToInt(services.directDelivery || false),
+      direct_delivery_cod: boolToInt(services.directDeliveryCOD || false),
+      dropoff_online: boolToInt(services.dropOffOnline || false),
+      dropoff_offline: boolToInt(services.dropOffOffline || false),
+      swap_parcel: boolToInt(services.swapParcel || false),
+      d_fresh: boolToInt(services.dpdFood || false),
+      fitting_room: boolToInt(services.fittingRoom || false),
+      card_payment: boolToInt(services.cardPayment || false),
+      rod: boolToInt(services.rod || false),
+      dpd_lq: boolToInt(services.dpdLQ || false),
+      digital_label: boolToInt(services.digitalLabel || false),
+      swip_box: boolToInt(services.swipBox || false),
+      points_with_services: boolToInt(services.pointsWithServices || false)
+    });
+    const script = document.createElement("script");
+    script.id = "dpd-widget";
+    script.src = `//pudofinder.dpd.com.pl/source/dpd_widget.js?${queryParams}`;
+    script.async = true;
+    document.body.appendChild(script);
+    return () => {
+      document.body.removeChild(script);
+      delete window.pointSelected;
+    };
+  }, [authKey, onPointSelect, lang, country, services]);
+  return /* @__PURE__ */ React.createElement("div", { id: "dpd-widget-container" }, /* @__PURE__ */ React.createElement("script", { id: "dpd-widget" }));
+};
+export {
+  ReactDPDPickupMap
+};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "react-dpd-pickup-map",
+  "version": "0.0.1",
+  "description": "React component for DPD Pickup Map",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "keywords": [
+    "dpd",
+    "react",
+    "dpd pickup",
+    "dpd pickup map",
+    "react dpd"
+  ],
+  "author": "Juliusz Kowalewski @Imunal",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/Imunal/react-dpd-pickup-map/issues"
+  },
+  "homepage": "https://github.com/Imunal/react-dpd-pickup-map",
+  "repository": {
+    "type": "github",
+    "url": "https://github.com/Imunal/react-dpd-pickup-map"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.72",
+    "@types/react-dom": "^18.2.22",
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.3"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "scripts": {
+    "dev": "tsup  src/index.tsx --watch",
+    "build": "tsup src/index.tsx --format cjs,esm --dts",
+    "lint": "tsc"
+  }
+}