medusa-paystack-plugin 0.1.1

package/.medusa/server/src/admin/index.js

@@ -0,0 +1,135 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const adminSdk = require("@medusajs/admin-sdk");
+const ui = require("@medusajs/ui");
+const reactQuery = require("@tanstack/react-query");
+const Medusa = require("@medusajs/js-sdk");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const Medusa__default = /* @__PURE__ */ _interopDefault(Medusa);
+const PAYSTACK_PUBLISHABLE_KEY_METADATA = "paystack_publishable_key";
+const sdk = new Medusa__default.default({
+  auth: {
+    type: "session"
+  },
+  baseUrl: "/",
+  debug: false
+});
+const queryKeyForStore = (storeId) => [["paystack-store", storeId]];
+const StorePaystackSettingsWidget = ({
+  data: store
+}) => {
+  const queryClient = reactQuery.useQueryClient();
+  const [publishableKey, setPublishableKey] = react.useState("");
+  const [errorMessage, setErrorMessage] = react.useState(null);
+  const { data, isLoading } = reactQuery.useQuery({
+    queryFn: async () => sdk.admin.store.retrieve(store.id),
+    queryKey: queryKeyForStore(store.id)
+  });
+  react.useEffect(() => {
+    var _a;
+    const savedKey = (_a = data == null ? void 0 : data.store.metadata) == null ? void 0 : _a[PAYSTACK_PUBLISHABLE_KEY_METADATA];
+    if (typeof savedKey === "string") {
+      setPublishableKey(savedKey);
+      return;
+    }
+    setPublishableKey("");
+  }, [data == null ? void 0 : data.store.metadata]);
+  const mutation = reactQuery.useMutation({
+    mutationFn: async (value) => {
+      const nextValue = value.trim();
+      const currentMetadata = (data == null ? void 0 : data.store.metadata) ?? {};
+      return sdk.admin.store.update(store.id, {
+        metadata: {
+          ...currentMetadata,
+          [PAYSTACK_PUBLISHABLE_KEY_METADATA]: nextValue || null
+        }
+      });
+    },
+    onError: (error) => {
+      setErrorMessage(
+        error instanceof Error ? error.message : "Unable to update the Paystack key."
+      );
+    },
+    onSuccess: async () => {
+      setErrorMessage(null);
+      await queryClient.invalidateQueries({
+        queryKey: queryKeyForStore(store.id)
+      });
+    }
+  });
+  const handleSave = async () => {
+    const nextValue = publishableKey.trim();
+    if (nextValue && !nextValue.startsWith("pk_")) {
+      setErrorMessage("Paystack publishable keys must start with pk_.");
+      return;
+    }
+    await mutation.mutateAsync(nextValue);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { level: "h2", children: "Paystack" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle mt-1", size: "small", children: "Configure the public Paystack key used by storefront and mobile webview flows." })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 px-6 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "paystack-publishable-key", children: "Publishable key" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Input,
+          {
+            autoComplete: "off",
+            id: "paystack-publishable-key",
+            onChange: (event) => setPublishableKey(event.target.value),
+            placeholder: "pk_test_xxxxxxxxxxxxx",
+            value: publishableKey
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: "Leave this blank to remove the stored key for this store." })
+      ] }),
+      errorMessage ? /* @__PURE__ */ jsxRuntime.jsx(ui.Alert, { variant: "error", children: errorMessage }) : null,
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            disabled: isLoading || mutation.isPending,
+            isLoading: mutation.isPending,
+            onClick: handleSave,
+            size: "small",
+            children: "Save key"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-subtle", size: "small", children: isLoading ? "Loading current store settings…" : "Changes are stored in store metadata." })
+      ] })
+    ] })
+  ] });
+};
+adminSdk.defineWidgetConfig({
+  zone: "store.details.after"
+});
+const i18nTranslations0 = {};
+const widgetModule = { widgets: [
+  {
+    Component: StorePaystackSettingsWidget,
+    zone: ["store.details.after"]
+  }
+] };
+const routeModule = {
+  routes: []
+};
+const menuItemModule = {
+  menuItems: []
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: i18nTranslations0 };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+module.exports = plugin;

package/.medusa/server/src/admin/index.mjs

@@ -0,0 +1,134 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { defineWidgetConfig } from "@medusajs/admin-sdk";
+import { Container, Heading, Text, Label, Input, Alert, Button } from "@medusajs/ui";
+import { useQueryClient, useQuery, useMutation } from "@tanstack/react-query";
+import Medusa from "@medusajs/js-sdk";
+const PAYSTACK_PUBLISHABLE_KEY_METADATA = "paystack_publishable_key";
+const sdk = new Medusa({
+  auth: {
+    type: "session"
+  },
+  baseUrl: "/",
+  debug: false
+});
+const queryKeyForStore = (storeId) => [["paystack-store", storeId]];
+const StorePaystackSettingsWidget = ({
+  data: store
+}) => {
+  const queryClient = useQueryClient();
+  const [publishableKey, setPublishableKey] = useState("");
+  const [errorMessage, setErrorMessage] = useState(null);
+  const { data, isLoading } = useQuery({
+    queryFn: async () => sdk.admin.store.retrieve(store.id),
+    queryKey: queryKeyForStore(store.id)
+  });
+  useEffect(() => {
+    var _a;
+    const savedKey = (_a = data == null ? void 0 : data.store.metadata) == null ? void 0 : _a[PAYSTACK_PUBLISHABLE_KEY_METADATA];
+    if (typeof savedKey === "string") {
+      setPublishableKey(savedKey);
+      return;
+    }
+    setPublishableKey("");
+  }, [data == null ? void 0 : data.store.metadata]);
+  const mutation = useMutation({
+    mutationFn: async (value) => {
+      const nextValue = value.trim();
+      const currentMetadata = (data == null ? void 0 : data.store.metadata) ?? {};
+      return sdk.admin.store.update(store.id, {
+        metadata: {
+          ...currentMetadata,
+          [PAYSTACK_PUBLISHABLE_KEY_METADATA]: nextValue || null
+        }
+      });
+    },
+    onError: (error) => {
+      setErrorMessage(
+        error instanceof Error ? error.message : "Unable to update the Paystack key."
+      );
+    },
+    onSuccess: async () => {
+      setErrorMessage(null);
+      await queryClient.invalidateQueries({
+        queryKey: queryKeyForStore(store.id)
+      });
+    }
+  });
+  const handleSave = async () => {
+    const nextValue = publishableKey.trim();
+    if (nextValue && !nextValue.startsWith("pk_")) {
+      setErrorMessage("Paystack publishable keys must start with pk_.");
+      return;
+    }
+    await mutation.mutateAsync(nextValue);
+  };
+  return /* @__PURE__ */ jsxs(Container, { className: "divide-y p-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-6 py-4", children: /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(Heading, { level: "h2", children: "Paystack" }),
+      /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle mt-1", size: "small", children: "Configure the public Paystack key used by storefront and mobile webview flows." })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 px-6 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "paystack-publishable-key", children: "Publishable key" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            autoComplete: "off",
+            id: "paystack-publishable-key",
+            onChange: (event) => setPublishableKey(event.target.value),
+            placeholder: "pk_test_xxxxxxxxxxxxx",
+            value: publishableKey
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: "Leave this blank to remove the stored key for this store." })
+      ] }),
+      errorMessage ? /* @__PURE__ */ jsx(Alert, { variant: "error", children: errorMessage }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: isLoading || mutation.isPending,
+            isLoading: mutation.isPending,
+            onClick: handleSave,
+            size: "small",
+            children: "Save key"
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-subtle", size: "small", children: isLoading ? "Loading current store settings…" : "Changes are stored in store metadata." })
+      ] })
+    ] })
+  ] });
+};
+defineWidgetConfig({
+  zone: "store.details.after"
+});
+const i18nTranslations0 = {};
+const widgetModule = { widgets: [
+  {
+    Component: StorePaystackSettingsWidget,
+    zone: ["store.details.after"]
+  }
+] };
+const routeModule = {
+  routes: []
+};
+const menuItemModule = {
+  menuItems: []
+};
+const formModule = { customFields: {} };
+const displayModule = {
+  displays: {}
+};
+const i18nModule = { resources: i18nTranslations0 };
+const plugin = {
+  widgetModule,
+  routeModule,
+  menuItemModule,
+  formModule,
+  displayModule,
+  i18nModule
+};
+export {
+  plugin as default
+};

package/.medusa/server/src/api/middlewares.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const http_1 = require("@medusajs/framework/http");
+const middlewares_1 = require("./store/paystack/config/middlewares");
+const middlewares_2 = require("./store/paystack/webview/middlewares");
+exports.default = (0, http_1.defineMiddlewares)({
+    routes: [...middlewares_1.paystackConfigMiddlewares, ...middlewares_2.paystackWebviewMiddlewares],
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlkZGxld2FyZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXBpL21pZGRsZXdhcmVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsbURBQTREO0FBRTVELHFFQUErRTtBQUMvRSxzRUFBaUY7QUFFakYsa0JBQWUsSUFBQSx3QkFBaUIsRUFBQztJQUMvQixNQUFNLEVBQUUsQ0FBQyxHQUFHLHVDQUF5QixFQUFFLEdBQUcsd0NBQTBCLENBQUM7Q0FDdEUsQ0FBQyxDQUFBIn0=

package/.medusa/server/src/api/store/paystack/config/middlewares.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paystackConfigMiddlewares = void 0;
+const http_1 = require("@medusajs/framework/http");
+const validators_1 = require("../validators");
+exports.paystackConfigMiddlewares = [
+    {
+        matcher: "/store/paystack/config",
+        method: "GET",
+        middlewares: [(0, http_1.validateAndTransformQuery)(validators_1.GetPaystackConfigQuery, {})],
+    },
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlkZGxld2FyZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL3N0b3JlL3BheXN0YWNrL2NvbmZpZy9taWRkbGV3YXJlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxtREFBb0U7QUFFcEUsOENBQXNEO0FBRXpDLFFBQUEseUJBQXlCLEdBQXNCO0lBQzFEO1FBQ0UsT0FBTyxFQUFFLHdCQUF3QjtRQUNqQyxNQUFNLEVBQUUsS0FBSztRQUNiLFdBQVcsRUFBRSxDQUFDLElBQUEsZ0NBQXlCLEVBQUMsbUNBQXNCLEVBQUUsRUFBRSxDQUFDLENBQUM7S0FDckU7Q0FDRixDQUFBIn0=

package/.medusa/server/src/api/store/paystack/config/route.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GET = GET;
+const store_1 = require("../../../../lib/store");
+const plugin_config_1 = require("../../../../lib/plugin-config");
+async function GET(req, res) {
+    const store = await (0, store_1.resolveStore)(req.scope, req.validatedQuery.store_id);
+    const configModule = req.scope.resolve("configModule");
+    res.status(200).json({
+        publishable_key: (0, store_1.getStorePublishableKey)(store),
+        store_id: store.id,
+        verified_mode_enabled: (0, plugin_config_1.isVerifiedModeEnabled)(configModule),
+    });
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL3N0b3JlL3BheXN0YWNrL2NvbmZpZy9yb3V0ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQVVBLGtCQVNDO0FBakJELGlEQUE0RTtBQUM1RSxpRUFBcUU7QUFPOUQsS0FBSyxVQUFVLEdBQUcsQ0FBQyxHQUE4QixFQUFFLEdBQW1CO0lBQzNFLE1BQU0sS0FBSyxHQUFHLE1BQU0sSUFBQSxvQkFBWSxFQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUN4RSxNQUFNLFlBQVksR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsQ0FBQTtJQUV0RCxHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQztRQUNuQixlQUFlLEVBQUUsSUFBQSw4QkFBc0IsRUFBQyxLQUFLLENBQUM7UUFDOUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxFQUFFO1FBQ2xCLHFCQUFxQixFQUFFLElBQUEscUNBQXFCLEVBQUMsWUFBWSxDQUFDO0tBQzNELENBQUMsQ0FBQTtBQUNKLENBQUMifQ==

package/.medusa/server/src/api/store/paystack/validators.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GetPaystackWebviewQuery = exports.GetPaystackConfigQuery = void 0;
+const zod_1 = require("zod");
+exports.GetPaystackConfigQuery = zod_1.z.object({
+    store_id: zod_1.z.string().optional(),
+});
+exports.GetPaystackWebviewQuery = zod_1.z.object({
+    amount: zod_1.z.preprocess((value) => {
+        if (typeof value === "string") {
+            return Number(value);
+        }
+        return value;
+    }, zod_1.z.number().positive()),
+    callback_url: zod_1.z.string().url().optional(),
+    channels: zod_1.z.string().optional(),
+    currency: zod_1.z
+        .string()
+        .min(3)
+        .max(3)
+        .transform((value) => value.toUpperCase()),
+    email: zod_1.z.string().email(),
+    first_name: zod_1.z.string().optional(),
+    last_name: zod_1.z.string().optional(),
+    metadata: zod_1.z.string().optional(),
+    phone: zod_1.z.string().optional(),
+    reference: zod_1.z
+        .string()
+        .regex(/^[A-Za-z0-9.\-=]+$/)
+        .optional(),
+    store_id: zod_1.z.string().optional(),
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdG9ycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcGkvc3RvcmUvcGF5c3RhY2svdmFsaWRhdG9ycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSw2QkFBdUI7QUFFVixRQUFBLHNCQUFzQixHQUFHLE9BQUMsQ0FBQyxNQUFNLENBQUM7SUFDN0MsUUFBUSxFQUFFLE9BQUMsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLEVBQUU7Q0FDaEMsQ0FBQyxDQUFBO0FBRVcsUUFBQSx1QkFBdUIsR0FBRyxPQUFDLENBQUMsTUFBTSxDQUFDO0lBQzlDLE1BQU0sRUFBRSxPQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDN0IsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztZQUM5QixPQUFPLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUN0QixDQUFDO1FBRUQsT0FBTyxLQUFLLENBQUE7SUFDZCxDQUFDLEVBQUUsT0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3pCLFlBQVksRUFBRSxPQUFDLENBQUMsTUFBTSxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUMsUUFBUSxFQUFFO0lBQ3pDLFFBQVEsRUFBRSxPQUFDLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxFQUFFO0lBQy9CLFFBQVEsRUFBRSxPQUFDO1NBQ1IsTUFBTSxFQUFFO1NBQ1IsR0FBRyxDQUFDLENBQUMsQ0FBQztTQUNOLEdBQUcsQ0FBQyxDQUFDLENBQUM7U0FDTixTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUM1QyxLQUFLLEVBQUUsT0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLEtBQUssRUFBRTtJQUN6QixVQUFVLEVBQUUsT0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsRUFBRTtJQUNqQyxTQUFTLEVBQUUsT0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsRUFBRTtJQUNoQyxRQUFRLEVBQUUsT0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsRUFBRTtJQUMvQixLQUFLLEVBQUUsT0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsRUFBRTtJQUM1QixTQUFTLEVBQUUsT0FBQztTQUNULE1BQU0sRUFBRTtTQUNSLEtBQUssQ0FBQyxvQkFBb0IsQ0FBQztTQUMzQixRQUFRLEVBQUU7SUFDYixRQUFRLEVBQUUsT0FBQyxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsRUFBRTtDQUNoQyxDQUFDLENBQUEifQ==

package/.medusa/server/src/api/store/paystack/webview/html.js

@@ -0,0 +1,178 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildPaystackWebviewHtml = buildPaystackWebviewHtml;
+const constants_1 = require("../../../../constants");
+const paystack_utils_1 = require("../../../../lib/paystack-utils");
+function escapeInlineScriptJson(value) {
+    return value
+        .replace(/</g, "\\u003C")
+        .replace(/>/g, "\\u003E")
+        .replace(/&/g, "\\u0026")
+        .replace(/\u2028/g, "\\u2028")
+        .replace(/\u2029/g, "\\u2029");
+}
+function buildPaystackWebviewHtml(input) {
+    const config = escapeInlineScriptJson(JSON.stringify({
+        amount: input.amount,
+        callbackUrl: input.callbackUrl,
+        channels: input.channels,
+        currency: input.currency,
+        email: input.email,
+        firstName: input.firstName,
+        key: input.key,
+        lastName: input.lastName,
+        metadata: input.metadata,
+        phone: input.phone,
+        reference: input.reference,
+    }));
+    return `<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Paystack Checkout</title>
+    <style>
+      :root {
+        color-scheme: light;
+        font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+      }
+
+      body {
+        align-items: center;
+        background: linear-gradient(160deg, #f6fff6 0%, #eef7ff 100%);
+        color: #0f172a;
+        display: flex;
+        justify-content: center;
+        margin: 0;
+        min-height: 100vh;
+        padding: 24px;
+      }
+
+      .shell {
+        background: rgba(255, 255, 255, 0.92);
+        border: 1px solid rgba(15, 23, 42, 0.08);
+        border-radius: 20px;
+        box-shadow: 0 24px 80px rgba(15, 23, 42, 0.12);
+        max-width: 420px;
+        padding: 28px 24px;
+        text-align: center;
+        width: 100%;
+      }
+
+      .status {
+        font-size: 14px;
+        line-height: 1.6;
+        margin: 0;
+      }
+    </style>
+    <script src="${constants_1.PAYSTACK_INLINE_SCRIPT_URL}"></script>
+  </head>
+  <body>
+    <div class="shell">
+      <p class="status" id="status">Opening Paystack checkout…</p>
+    </div>
+    <script>
+      const config = ${config};
+      const statusNode = document.getElementById("status");
+
+      const updateStatus = (message) => {
+        if (statusNode) {
+          statusNode.textContent = message;
+        }
+      };
+
+      const postResult = (type, payload) => {
+        const message = {
+          payload,
+          source: "${constants_1.PAYSTACK_WEBVIEW_SOURCE}",
+          type,
+        };
+
+        if (window.ReactNativeWebView && typeof window.ReactNativeWebView.postMessage === "function") {
+          window.ReactNativeWebView.postMessage(JSON.stringify(message));
+        }
+
+        if (window.parent && window.parent !== window) {
+          window.parent.postMessage(message, "*");
+        }
+
+        if (window.opener && typeof window.opener.postMessage === "function") {
+          window.opener.postMessage(message, "*");
+        }
+      };
+
+      const redirectWithStatus = (status, payload) => {
+        if (!config.callbackUrl) {
+          const labels = {
+            cancel: "Checkout was cancelled.",
+            error: "Checkout failed to load.",
+            success: "Payment completed. You can return to the previous screen.",
+          };
+
+          updateStatus(labels[status] || "Checkout finished.");
+          return;
+        }
+
+        const url = new URL(config.callbackUrl);
+        url.searchParams.set("paystack_status", status);
+        url.searchParams.set("paystack_payload", ${JSON.stringify((0, paystack_utils_1.serializePayload)(undefined))});
+
+        if (payload) {
+          url.searchParams.set("paystack_payload", JSON.stringify(payload));
+
+          if (payload.reference) {
+            url.searchParams.set("reference", payload.reference);
+          }
+        }
+
+        window.location.replace(url.toString());
+      };
+
+      try {
+        if (typeof window.PaystackPop !== "function") {
+          throw new Error("Unable to load Paystack checkout.");
+        }
+
+        const paystack = new window.PaystackPop();
+
+        paystack.newTransaction({
+          key: config.key,
+          email: config.email,
+          amount: config.amount,
+          currency: config.currency,
+          reference: config.reference,
+          metadata: config.metadata,
+          channels: config.channels,
+          firstName: config.firstName,
+          lastName: config.lastName,
+          phone: config.phone,
+          onCancel: () => {
+            postResult("cancel", { reference: config.reference });
+            redirectWithStatus("cancel", { reference: config.reference });
+          },
+          onError: (error) => {
+            const payload = {
+              message: error && error.message ? error.message : "Unable to launch Paystack checkout.",
+              reference: config.reference,
+            };
+            postResult("error", payload);
+            redirectWithStatus("error", payload);
+          },
+          onSuccess: (transaction) => {
+            postResult("success", transaction);
+            redirectWithStatus("success", transaction);
+          },
+        });
+      } catch (error) {
+        const payload = {
+          message: error instanceof Error ? error.message : "Unable to initialize Paystack checkout.",
+          reference: config.reference,
+        };
+        postResult("error", payload);
+        redirectWithStatus("error", payload);
+      }
+    </script>
+  </body>
+</html>`;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaHRtbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcGkvc3RvcmUvcGF5c3RhY2svd2Vidmlldy9odG1sLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBNkJBLDREQXNLQztBQW5NRCxxREFHOEI7QUFDOUIsbUVBQWlFO0FBZ0JqRSxTQUFTLHNCQUFzQixDQUFDLEtBQWE7SUFDM0MsT0FBTyxLQUFLO1NBQ1QsT0FBTyxDQUFDLElBQUksRUFBRSxTQUFTLENBQUM7U0FDeEIsT0FBTyxDQUFDLElBQUksRUFBRSxTQUFTLENBQUM7U0FDeEIsT0FBTyxDQUFDLElBQUksRUFBRSxTQUFTLENBQUM7U0FDeEIsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7U0FDN0IsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUMsQ0FBQTtBQUNsQyxDQUFDO0FBRUQsU0FBZ0Isd0JBQXdCLENBQUMsS0FBNEI7SUFDbkUsTUFBTSxNQUFNLEdBQUcsc0JBQXNCLENBQ25DLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDYixNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU07UUFDcEIsV0FBVyxFQUFFLEtBQUssQ0FBQyxXQUFXO1FBQzlCLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUTtRQUN4QixRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVE7UUFDeEIsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLO1FBQ2xCLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUztRQUMxQixHQUFHLEVBQUUsS0FBSyxDQUFDLEdBQUc7UUFDZCxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVE7UUFDeEIsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRO1FBQ3hCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSztRQUNsQixTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVM7S0FDM0IsQ0FBQyxDQUNILENBQUE7SUFFRCxPQUFPOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O21CQXdDVSxzQ0FBMEI7Ozs7Ozs7dUJBT3RCLE1BQU07Ozs7Ozs7Ozs7OztxQkFZUixtQ0FBdUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7bURBK0JPLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBQSxpQ0FBZ0IsRUFBQyxTQUFTLENBQUMsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztRQTBEdEYsQ0FBQTtBQUNSLENBQUMifQ==

package/.medusa/server/src/api/store/paystack/webview/middlewares.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paystackWebviewMiddlewares = void 0;
+const http_1 = require("@medusajs/framework/http");
+const validators_1 = require("../validators");
+exports.paystackWebviewMiddlewares = [
+    {
+        matcher: "/store/paystack/webview",
+        method: "GET",
+        middlewares: [(0, http_1.validateAndTransformQuery)(validators_1.GetPaystackWebviewQuery, {})],
+    },
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlkZGxld2FyZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL3N0b3JlL3BheXN0YWNrL3dlYnZpZXcvbWlkZGxld2FyZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EsbURBQW9FO0FBRXBFLDhDQUF1RDtBQUUxQyxRQUFBLDBCQUEwQixHQUFzQjtJQUMzRDtRQUNFLE9BQU8sRUFBRSx5QkFBeUI7UUFDbEMsTUFBTSxFQUFFLEtBQUs7UUFDYixXQUFXLEVBQUUsQ0FBQyxJQUFBLGdDQUF5QixFQUFDLG9DQUF1QixFQUFFLEVBQUUsQ0FBQyxDQUFDO0tBQ3RFO0NBQ0YsQ0FBQSJ9

package/.medusa/server/src/api/store/paystack/webview/route.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GET = GET;
+const html_1 = require("./html");
+const paystack_utils_1 = require("../../../../lib/paystack-utils");
+const store_1 = require("../../../../lib/store");
+async function GET(req, res) {
+    const { amount, callback_url, channels, currency, email, first_name, last_name, metadata, phone, reference, store_id, } = req.validatedQuery;
+    const store = await (0, store_1.resolveStore)(req.scope, store_id);
+    const publishableKey = (0, store_1.getStorePublishableKey)(store);
+    const html = (0, html_1.buildPaystackWebviewHtml)({
+        amount: (0, paystack_utils_1.toPaystackSubunit)(amount),
+        callbackUrl: callback_url,
+        channels: (0, paystack_utils_1.parseChannels)(channels),
+        currency,
+        email,
+        firstName: first_name,
+        key: publishableKey,
+        lastName: last_name,
+        metadata: (0, paystack_utils_1.parseMetadataParam)(metadata),
+        phone,
+        reference: reference ?? (0, paystack_utils_1.buildPaystackReference)(),
+    });
+    res.setHeader("Content-Type", "text/html; charset=utf-8");
+    res.status(200).send(html);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvYXBpL3N0b3JlL3BheXN0YWNrL3dlYnZpZXcvcm91dGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFnQkEsa0JBa0NDO0FBaERELGlDQUFpRDtBQUNqRCxtRUFLdUM7QUFDdkMsaURBQTRFO0FBT3JFLEtBQUssVUFBVSxHQUFHLENBQUMsR0FBOEIsRUFBRSxHQUFtQjtJQUMzRSxNQUFNLEVBQ0osTUFBTSxFQUNOLFlBQVksRUFDWixRQUFRLEVBQ1IsUUFBUSxFQUNSLEtBQUssRUFDTCxVQUFVLEVBQ1YsU0FBUyxFQUNULFFBQVEsRUFDUixLQUFLLEVBQ0wsU0FBUyxFQUNULFFBQVEsR0FDVCxHQUFHLEdBQUcsQ0FBQyxjQUFjLENBQUE7SUFFdEIsTUFBTSxLQUFLLEdBQUcsTUFBTSxJQUFBLG9CQUFZLEVBQUMsR0FBRyxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQTtJQUNyRCxNQUFNLGNBQWMsR0FBRyxJQUFBLDhCQUFzQixFQUFDLEtBQUssQ0FBQyxDQUFBO0lBRXBELE1BQU0sSUFBSSxHQUFHLElBQUEsK0JBQXdCLEVBQUM7UUFDcEMsTUFBTSxFQUFFLElBQUEsa0NBQWlCLEVBQUMsTUFBTSxDQUFDO1FBQ2pDLFdBQVcsRUFBRSxZQUFZO1FBQ3pCLFFBQVEsRUFBRSxJQUFBLDhCQUFhLEVBQUMsUUFBUSxDQUFDO1FBQ2pDLFFBQVE7UUFDUixLQUFLO1FBQ0wsU0FBUyxFQUFFLFVBQVU7UUFDckIsR0FBRyxFQUFFLGNBQWM7UUFDbkIsUUFBUSxFQUFFLFNBQVM7UUFDbkIsUUFBUSxFQUFFLElBQUEsbUNBQWtCLEVBQUMsUUFBUSxDQUFDO1FBQ3RDLEtBQUs7UUFDTCxTQUFTLEVBQUUsU0FBUyxJQUFJLElBQUEsdUNBQXNCLEdBQUU7S0FDakQsQ0FBQyxDQUFBO0lBRUYsR0FBRyxDQUFDLFNBQVMsQ0FBQyxjQUFjLEVBQUUsMEJBQTBCLENBQUMsQ0FBQTtJQUN6RCxHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtBQUM1QixDQUFDIn0=

package/.medusa/server/src/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PAYSTACK_WEBVIEW_SOURCE = exports.PAYSTACK_PUBLISHABLE_KEY_METADATA = exports.PAYSTACK_PROVIDER_IDENTIFIER = exports.PAYSTACK_API_BASE_URL = exports.PAYSTACK_INLINE_SCRIPT_URL = void 0;
+exports.PAYSTACK_INLINE_SCRIPT_URL = "https://js.paystack.co/v2/inline.js";
+exports.PAYSTACK_API_BASE_URL = "https://api.paystack.co";
+exports.PAYSTACK_PROVIDER_IDENTIFIER = "paystack";
+exports.PAYSTACK_PUBLISHABLE_KEY_METADATA = "paystack_publishable_key";
+exports.PAYSTACK_WEBVIEW_SOURCE = "medusa-paystack-webview";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBYSxRQUFBLDBCQUEwQixHQUFHLHFDQUFxQyxDQUFBO0FBQ2xFLFFBQUEscUJBQXFCLEdBQUcseUJBQXlCLENBQUE7QUFDakQsUUFBQSw0QkFBNEIsR0FBRyxVQUFVLENBQUE7QUFDekMsUUFBQSxpQ0FBaUMsR0FBRywwQkFBMEIsQ0FBQTtBQUM5RCxRQUFBLHVCQUF1QixHQUFHLHlCQUF5QixDQUFBIn0=